<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@ taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@ taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Протоколирование</title>
    <style type="text/css">
        * {
            font-size: 9pt;
            font-family: Tahoma, serif;
        }

        .c1 {
            background: #f5f5f5;
        }

        .c2 {
            background: white;
        }

        .header {
            font-weight: bold;
            font-size: 20pt;
            color: #8b0000;
            font: "Trebuchet MS";
        }
    </style>
</head>
<body>

<f:view>
    <h:form>
        <h:outputText value="Протоколирование" styleClass="header"/>
        <rich:panel>
            <rich:panel style="background:#f0fff0">
                <h:outputText value="Для получения логов выберите интервал, данные за который Вас интересуют (выберите дату начала и дату окончания интервала).
                Далее выберите журналы, которые Вас интересуют и нажмите кнопку \"Выгрузить\". Вам будет предложено открыть файл Microsoft Excel, содержащий запрошенные данные."/>
            </rich:panel>
            <rich:messages/>
            <h:panelGrid columns="2" columnClasses="c1,c2">
                <h:outputText value="Дата начала" style="font-weight:bold"/>
                <rich:calendar value="#{EventsExcelBean.begdate}" required="true"
                               datePattern="dd.MM.yyyy"
                               locale="RU_ru"
                               requiredMessage="Необходимо указать дату начала"/>
                <h:outputText value="Дата окончания" style="font-weight:bold"/>
                <rich:calendar value="#{EventsExcelBean.enddate}" required="true"
                               datePattern="dd.MM.yyyy"
                               locale="RU_ru"
                               requiredMessage="Необходимо указать дату окончания"/>
                <h:outputText value="Доступные журналы" style="font-weight:bold"/>
                <h:selectManyCheckbox value="#{EventsExcelBean.selectedLogs}" layout="pageDirection">
                    <f:selectItems value="#{EventsExcelBean.logs}"/>
                </h:selectManyCheckbox>
                <a4j:commandButton value="Открыть в браузере"
                                   action="#{EventsExcelBean.openInBrowserAction}"
                                   oncomplete="document.location='datatable.jsf'"/>
                <a4j:commandButton value="Выгрузить в excel" action="#{EventsExcelBean.openInExcelAction}"/>
            </h:panelGrid>
        </rich:panel>
    </h:form>
</f:view>

</body>
</html>